<template>

    <!-- [] -->
    <div v-for="(item, index) of items" :key="item.id">
        {{ item }}
        {{ index }}
    </div>

    <div>
        <p v-for="item of result">
            {{ item.title }}
            <img :src="item.hrl" alt="">
        </p>

    </div>

    <!-- {} -->
    <!-- key代表id,title -->
    <!-- <div v-for="(value, key, index) in userInfo" :key="item.id">
        {{ item }}
    </div>

    <div>
        <div v-for="(item, index) in name" :key="index">
            {{ item }}
        </div>

        <div>
            <p v-for="item of result" :key="item.id">
                {{ item.title }}
            </p>
            <img :src="item.hrl" alt="">
        </div>
    </div> -->
</template>

<script>
export default {
    setup(props) {
        return {
            name: ['a', 'b', 'c'],
            result: [
                {
                    "id": 1,
                    title: "biLi",
                    hrl: "https://www.bilibili.com/",
                },
                {
                    "id": 2,
                    title: "hong",
                    hrl: "https://www.xiaohongshu.com/",
                }

            ],
            userInfo: {
                "id": 1,
                title: "a",
            }
        }
    }
}
</script>

<style lang="scss" scoped></style>